.container{
  width: 375px;
   height: 100%;
   background: #f4f4f4;
}
.topic-list{
   width: 375px;
   height: 100%;
   overflow: hidden;
   background: #f4f4f4;
}

.topic-list .item{
   width: 100%;
   height: 312.5px;
   overflow: hidden;
   background: #fff;
   margin-bottom: 10px;
}

.topic-list .img{
   width: 100%;
   height: 207.5px;
}

.topic-list .info{
   width: 100%;
   height: 105px;
   overflow: hidden;
}

.topic-list .title{
   display: block;
   text-align: center;
   width: 100%;
   height: 16.5px;
   line-height: 17.5px;
   color: #333;
   overflow: hidden;
   font-size: 17.5px;
   margin-top: 15px;
}

.topic-list .desc{
   display: block;
   text-align: center;
   position: relative;
   width: auto;
   height: 12px;
   line-height: 12px;
   overflow: hidden;
   color: #999;
   font-size: 12px;
   margin-top: 8px;
   margin-bottom: 15px;
}

.topic-list .price{
   display: block;
   text-align: center;
   width: 100%;
   height: 13.5px;
   line-height: 13.5px;
   overflow: hidden;
   color: #b4282d;
   font-size: 13.5px;
}


.page{
   width: 375px;
   height: 54px;
   background: #fff;
   margin-bottom: 10px;
}

.page view{
   height: 54px;
   width: 50%;
   float: left;
   font-size: 14.5px;
   color: #333;
   text-align: center;
   line-height: 54px;
}

.page .prev{
   border-right: 1px solid #D9D9D9;
}

.page .disabled{
   color: #ccc;
}